<!DOCTYPE html>
<!--[if lte IE 9]><html class="lt-ie10 lt-ie9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if gt IE 9]><!-->
<html>
<!--<![endif]-->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>赛尔（赛er）——个人主页</title>
    <meta name="keywords" content="赛尔（赛er）是一个面向全国各大高校大学生的一站式社区平台，集竞赛活动发布和讨论为一体，提供发布、查询、组队、经验分享等多元化服务。" />
    <meta name="description"
          content="平台聚合了国内各大高校的校内比赛以及国内外各领域最优质的赛事活动信息。赛事内容囊括创新创业、演讲辩论、财会金融、艺术设计、学科竞赛、公益志愿等众多领域。赛尔（赛er）致力于打造一个融合大学生学习、赛事、活动、保研、考研等为一体的成长交流空间。" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" type="text/css" href="/static/css/top-4.9.6.2.min.css">
    <script type="text/javascript" src="../common/common.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

    <link rel="stylesheet" href="/static/font/iconfont.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <style type="text/css">
    @font-face {
        font-family: 'DINCond-Black';
        src: url('../static/font/DINCond-Black.otf');
    }
    ::-webkit-scrollbar {
        width: 0px;
    }

    ::-webkit-scrollbar-track {
        background-color: none;
    }

    ::-webkit-scrollbar-thumb {
        background-color: none;
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: none;
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: none;
    }
    .layui-btn{
        height: 30px;
        line-height: 30px;
    }
    img{
        object-fit: cover;
    }
    .user-info-box {
        padding: 0 24px 24px;
    }

    .user-profile-wrapper {
        max-width: 1080px;
        margin: 0 auto;
        position: relative;
    }

    .user-info-box .user-info-box-t {
        position: relative;
        margin-bottom: 21px;
    }

    .user-info-box .user-info-box-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .user-info-box .user-info-box-b {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 24px;
    }

    .user-info-box .user-info-box-t .user-profile-avatar {
        width: 104px;
        height: 104px;
        -webkit-box-shadow: 0 0 10px 2px rgb(0 0 0 / 6%);
        box-shadow: 0 0 10px 2px rgb(0 0 0 / 6%);
        border: 4px solid #fff;
        border-radius: 50%;
        background: #fff;
        margin: 50px auto 0px;
        position: relative;
    }

    .user-info-box .user-info-box-t .user-profile-operate-btn {
        position: absolute;
        padding-top: 12px;
        font-size: 0;
        right: 20%;
        top: 135px;
        float: right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .user-info-box .user-info-box-t .user-profile-avatar img {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 50%;
    }

    .user-info-box .user-info-box-t .user-profile-avatar i {
        position: absolute;
        right: 8px;
        bottom: 0;
        width: 22px;
        height: 22px;
        display: block;
        background-size: cover;
    }

    .user-info-box .user-info-box-t .user-profile-operate-btn .user-profile-red-btn {
        color: #fff;
        border: none;
    }

    .user-info-box .user-info-box-t .user-profile-operate-btn a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        width: 96px;
        text-align: center;
        height: 32px;
        border-radius: 20px;
        margin-left: 16px;
    }

    .clearfix:after {
        content: ".";
        height: 0;
        visibility: hidden;
        display: block;
        clear: both;
        zoom: 1;
    }

    .user-info-box .user-info-box-m .user-profile-head-name {
        color: #222226;
        font-size: 22px;
        font-weight: 500;
        line-height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .person-code-age {
        height: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 8px;
        margin-left: 4px;
    }

    .user-info-box .user-info-box-b ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        margin: 0;
        list-style-type: none;
        list-style: none;
    }

    .user-info-box .user-info-box-b ul li {
        width: 144px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
    }

    .user-info-box-b ul li:not(:last-child):after {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "";
        height: 24px;
        width: 1px;
        background: #e8e8ed;
    }

    li,
    ol,
    ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        list-style: none;
    }

    .user-info-box .user-info-box-b ul li .user-profile-statistics-num {
        color: #222226;
        font-family: DINCond-Black;
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 16px;
        text-align: center;
    }

    .user-info-box .user-info-box-b ul li .user-profile-statistics-name {
        color: #999aaa;
        font-size: 14px;
        line-height: 16px;
    }

    .my-tab>li {
        width: 25%;
        padding: 0;
        margin: 0 !important;
        font-size: 18px;
        font-weight: bold;
    }

    .my-tab>li:not(:last-child, [class="layui-this"]):before {
        position: absolute;
        right: -1px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: "";
        height: 24px;
        width: 1px;
        background: #8d8d8d;
    }

    .empty-box {
        text-align: center;
        margin: 100px;
    }
    /* 荣誉墙 */
    .cy-info-box {
        margin: 0;
        padding: 10px 0 10px;
        position: relative;
        text-align: center;
    }

    .cy-info-line {
        width: 100px;
        height: 1px;
        background-color: #dedede;
        margin-bottom: 5px;
    }

    .cy-info-line {
        width: 300px;
    }
    .public {
        display: inline-block;
    }
    .title {
        text-align: center;
        font-size: 20px;
        font-weight: bolder;
        margin-bottom: 15px;
    }

    /* 竞赛 */
    .competition-list-box .box-item {
        border: 5px solid #fafafa;
        border-top: none;
        padding: 20px 23px;
        position: relative;
    }

    .competition-list-box .clearfix {
        zoom: 1;
    }

    .competition-list-box .event4-1-detail-box {
        position: relative;
        width: 600px;
    }

    .fl {
        float: left;
    }

    .fr {
        float: right;
    }

    .competition-list-box .tit {
        position: relative;
        padding-left: 70px;
    }

    .competition-list-box .event4-1-detail-box .tit .link {
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        margin-bottom: 5px;
        width: 100%;
        display: inline-block;
        font-size: 20px;
        color: #666;
        line-height: 26px;
        font-weight: 600;
        overflow: hidden;
    }

    .competition-list-box .event4-1-plan {
        font-size: 14px;
        color: #8d8d8d;
        line-height: 23px;
        padding-left: 70px;
        position: relative;
    }

    .competition-list-box .event4-1-plan .item-tit {
        position: absolute;
        left: 0;
        top: 0;
        color: #8d8d8d;
        font-weight: 600;
    }

    .competition-list-box .item-status {
        font-weight: 600;
        margin-bottom: 5px;
    }

    .competition-list-box .item {
        font-size: 22px;
        padding-right: 20px;
        font-weight: bold;
    }

    .competition-list-box .box-item-img img {
        height: 100px;
        width: 150px;
        object-fit: cover;
        margin-right: 50px;
    }

    /* 活动 */
    .active-list-box .item {
        border-left: 1px solid #eee;
        position: relative;
    }

    .active-list-box .item {
        border-left: 2px solid #00A7F7;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
        padding: 8px 19px 8px 20px;
        margin-top: 5px;
    }

    .active-list-box .clearfix {
        zoom: 1;
    }

    .active-list-box .active-img-box {
        background: url(../img/none_pic.png) center center #eee no-repeat;
        background-size: auto 46px;
        overflow: hidden;
    }

    .active-list-box .active-img-box,
    .active-list-box .active-img-box img {
        width: 140px;
        height: 140px;
        border-radius: 4px;
    }

    .active-list-box .acitve-detail-box {
        width: 650px;
        position: relative;
        height: 150px;
    }

    .acitve-detail-box .tit .link {
        width: 620px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        display: inline-block;
        font-size: 20px;
        color: #444;
        line-height: 28px;
        max-height: 56px;
        font-weight: 600;
        overflow: hidden;
        margin-bottom: 5px;
    }

    .active-plan {
        font-size: 13px;
        color: #8d8d8d;
        line-height: 23px;
        padding-left: 17px;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .active-data-box {
        width: 80%;
        position: absolute;
        bottom: 6px;
        left: 0;
        font-size: 13px;
        color: #ccc;
    }

    .active-data-con {
        margin-right: 20px;
        padding-left: 18px;
        position: relative;
    }

    .active-btn-box{

        position: absolute;
        bottom: 0;
        right: 0;
    }

    .active-btn-box .sk-btn {
        font-size: 13px;
        height: 23px;
        line-height: 23px;
        margin-left: 10px;
        padding: 0 13px;
    }

    .sk-btn-green {
        background-color: #00A7F7;
        color: #fff;
    }

    .sk-btn {
        display: inline-block;
        font-size: 16px;
        padding: 0 22px;
        text-align: center;
        border: 1px solid #00A7F7;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        border-radius: 5px;
    }

    .sk-btn,
    .sk-btn:hover {
        color: white;
    }
    .m-r-5{
        margin-right: 5px;
    }
    .m-r-2{
        margin-right: 2px;
    }
    em{
        font-style: normal;
    }

    /* 论坛 */
    .acticle-list-box .item {
        padding: 19px 20px;
        border: 1px solid #eee;
        border-left: 2px solid #00A7F7;
        background-color: #fff;
        margin-bottom: 20px;
    }
    .acticle-list-box .sk-fans-read {
    border: 1px solid #eee;
}

.acticle-list-box .count-box {
    width: 84px;
    height: 79px;
    margin-right: 13px;
    display: inline-block;
    border-radius: 4px;
}
.acticle-list-box .sk-fans-read .data {
    background: #eee;
}
.acticle-list-box .uniform {
    font-size: 16px;
    text-align: center;
    height: 39px;
    line-height: 39px;
}
.acticle-list-box .sk-fans-read .read {
    color: #ccc;
}
.acticle-list-box .sk-fans-praise {
    border: 1px solid #defff7;
}
.acticle-list-box .count-box {
    width: 84px;
    height: 79px;
    margin-right: 13px;
    display: inline-block;
    border-radius: 4px;
}
.acticle-list-box .sk-fans-praise .uniform {
    color: #00A7F7;
}
.acticle-list-box .sk-fans-praise .data {
    background: #e9f7ff;
}
.acticle-list-box .sk-fans-praise .uniform {
    color: #00A7F7;
}

.show-acti-tags-box {
    width: 605px;
    height: 81px;
    margin-left: 5px;
}
.sk-hp-content-box .show-acti-tags-box h3.arti-tit {
    width: 500px;
}
.show-acti-tags-box h3.arti-tit {
    margin: 0;
}
.add-award-msg-pop-content .picture-box .img-box img, .sk-hp-content-box .show-acti-tags-box h3.arti-tit .arti-tit-link {
    max-width: 100%;
}
.show-acti-tags-box h3.arti-tit .arti-tit-link {
    font-size: 16px;
    color: #444;
    font-weight: 400;
}
.show-acti-tags-box .arti-tit-link {
    color: #333;
    font-size: 20px;
    display: inline-block;
    max-width: 650px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}
.show-acti-tags-box .arti-author, .link-auther-homepage {
    font-size: 12px;
    margin: 4px 0;
}
.link-auther-homepage, .show-acti-tags-box .arti-author, .sk-user-acticle-list-box .sk-fans-read .read {
    color: #ccc;
}
.link-auther-homepage {
    color: #666;
}
.show-acti-tags-box .arti-author, .link-auther-homepage {
    font-size: 12px;
    margin: 4px 0;
}
.link-auther-homepage img {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: bottom;
}
.po-pa {
    padding: 0 4px;
    font-weight: 600;
}
.show-acti-tags-box .para {
    line-height: 18px;
    font-size: 12px;
}
.show-acti-tags-box .para {
    color: #999;
    height: 36px;
    overflow: hidden;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix:after, .ofh {
    overflow: hidden;
}
.check-state{
    position: absolute;
    left: 0;
    top: 4px;
}
        .link,.arti-tit-link{

            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    .arti-tit-link{
        width:520px;
    }
    .layui-container{
        border: 1px solid #ededed;
        border-radius: 4px;
        background: #fbfbfb;
        padding: 38px 39px;
        height: 100px;
        font-size: 20px;
        margin-bottom: 30px;
        margin-top:30px;
    }
</style>
</head>

<body>
    <!--body-wrap-->
    <div class="body-wrap">
        <div id="app">
        <ul class="layui-nav layui-bg-cyan" style="margin: 0 auto;padding:0 12%">
            <li style="display: inline-block;line-height: 60px;vertical-align: middle;position: relative;"><a href="/index.html"><img style="height: 60px;margin-right: 15px" src="/static/images/logo.png"></a></li>
            <!-- 选中 加上 layui-this -->
            <li class="layui-nav-item"><a href="/index.html">首页</a></li>
            <li class="layui-nav-item"><a href="/competition/competition.html">竞赛</a></li>
            <li class="layui-nav-item"><a href="/activity/activity.html">活动</a></li>
            <li class="layui-nav-item"><a href="/ask/ask.html">论坛</a></li>
            <li class="layui-nav-item"><a href="/article/article.html">文章</a></li>
            <li class="layui-nav-item" v-if="user!=''&&user!=null&&user!=undefined">
                <a href="javascript:;">发布</a>

                <dl class="layui-nav-child">
                    <!-- 二级菜单 -->
                    <dd><a href="/competition/publish_competition.html">创建竞赛</a></dd>
                    <dd><a href="/activity/publish_activity.html">发布活动</a></dd>
                    <dd><a href="/ask/publish_ask.html">发起提问</a></dd>
                    <dd><a href="/article/publish_article.html">发表文章</a></dd>
                </dl>
            </li>
            <template v-if="user!=''&&user!=null&&user!=undefined">
                <li class="layui-nav-item" style="float: right">
                    <a href="javascript:;" style="padding: 0 20px 0 0px">
                        <img :src="NGINX_SERVER+user.AVATAR" class="layui-nav-img">
                        {{user.NAME}}
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="/user/my_home.html">我的主页</a></dd>
                        <dd><a href="javascript:void(0);" style="color:red" onclick="logout()">退出登录</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" style="float: right;margin-right: 25px;">
                    <a  href="/user/my_msg.html" style="cursor: pointer;"><i class="layui-icon layui-icon-notice" style="font-size: 18px;"></i><span class="layui-badge" v-if="unreadCount>0">{{unreadCount}}</span></a>
                </li>
            </template>
            <template  v-else>
                <li style="float:right" class="layui-nav-item"><a href="/login.html">登录</a></li>
                <li style="float:right" class="layui-nav-item"><a href="/reg.html">注册</a></li>
            </template>
        </ul>
            <template v-if="userInfo==null">
                <div class="layui-container">
                    抱歉！该用户不存在！
                </div>
            </template>
            <template v-else>
                <div class="layui-fluid ">
                    <div class="user-info-box user-profile-wrapper">
                        <div class="user-info-box-t clearfix">
                            <!---->
                            <div class="user-profile-avatar">
                                <img v-if="userInfo.AVATAR" :src="NGINX_SERVER+userInfo.AVATAR" alt=""> <i :style="{backgroundImage:'url(../static/imgs/sex' + userInfo.SEX + '.png)'}"></i>
                            </div>
                            <div class="user-profile-operate-btn" v-if="isMine"><span>
                        </span> <a href="my_info.html" class="user-profile-red-btn layui-bg-blue">编辑资料</a>
                            </div>
                        </div>
                        <div class="user-info-box-m">
                            <div class="user-profile-head-name">
                                <div style="font-weight: bold;margin-bottom: 5px">{{userInfo.NAME}}</div>
                            </div>
                            <div class="person-code-age" style="background-color:#C7E9FD;color:#1E68D8;"><span><i class="iconfont icon-boshihoujibenxinxi"></i>{{userInfo.SCHOOL?userInfo.SCHOOL:'未填学校'}}-{{userInfo.MAJOR?userInfo.MAJOR:'未填专业'}}</span></div>
                            <!---->
                        </div>
                        <div class="user-info-box-m" style="width: 520px;margin: 5px auto 0px;">
                            {{userInfo.SIGN}}
                        </div>
                        <div class="user-info-box-b layui-hide">
                            <ul>
                                <li>
                                    <div class="user-profile-statistics-num">16,170</div>
                                    <div class="user-profile-statistics-name">被访问量</div>
                                </li>
                                <li><a href="javascript:;">
                                    <div class="user-profile-statistics-num">86</div>
                                    <div class="user-profile-statistics-name">原创文章</div>
                                </a></li>
                                <li><a href="https://blog.csdn.net/rank/list/total"  data-report-click="{&quot;spm&quot;:&quot;3001.5476&quot;}" data-report-query="spm=3001.5476">
                                    <div class="user-profile-statistics-num">119,968</div>
                                    <div class="user-profile-statistics-name">作者排名</div>
                                </a></li>
                                <li><a href="javascript:;">
                                    <div class="user-profile-statistics-num">11</div>
                                    <div class="user-profile-statistics-name">粉丝数量</div>
                                </a></li>
                            </ul>
                        </div>
                        <div class="cy-info-box" style="position: relative;margin-top: 60px;margin-bottom: 50px;">
                            <span class="public cy-info-line"></span>
                            <img  src="/static/images/honor-bg.png" style="
    position: absolute;
    left: 50%;
    top: -80px;
    margin-left: -100px;"/>
                            <span class="public title">荣誉墙</span>
                            <span class="public cy-info-line"></span>
                        </div>
                        <div v-if="HonorList.length>0" style="padding: 20px; background-color: #D9EDF7;width: 600px;margin:0 auto 20px">
                            <div class="layui-row" >
                                <div style=" overflow:scroll; width:600px; height:125px; overflow-y:auto; overflow-x:auto;">
                                    <div class="layui-card" v-for="item in HonorList">
                                        <div class="layui-card-header" style="font-size: 18px;font-weight: bold;text-align: center">{{item.COMPETITION_NAME}}</div>
                                        <div class="layui-card-body">
                                            <img style="height: 60px;width:100px;object-fit: cover;" :src="NGINX_SERVER+item.IMG_URL">
                                            {{item.COMPETITION_LEVEL}}-{{item.COMPETITION_PRIZE}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="max-width: 900px;margin: 0 auto">
                        <div class="layui-tab layui-tab-card" lay-filter="type">
                            <ul class="layui-tab-title my-tab">
                                <li class="layui-this">竞赛</li>
                                <li>活动</li>
                                <li>论坛</li>
                                <li>文章</li>
                            </ul>
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">
                                    <div class="layui-tab layui-tab-brief" lay-filter="competition">
                                        <ul class="layui-tab-title">
                                            <li class="layui-this"><template v-if="isMine">我关注</template><template v-else>Ta关注</template>的竞赛</li>
                                            <li><template v-if="isMine">我发布</template><template v-else>Ta发布</template>的竞赛</li>
                                        </ul>
                                        <div class="layui-tab-content">
                                            <div class="layui-tab-item layui-show">
                                                <div v-if="FollowCompetitionList.length==0">
                                                    <div class="empty-box"><i class="layui-icon layui-icon-list" style="font-size: 100px;color:#c9c9c9;"></i>
                                                        <p style="font-size: 20px;color:#c9c9c9;">这个人太低调了，还没有关注任何竞赛~</p>
                                                    </div>
                                                </div>
                                                <div v-else class="layui-row competition-list-box">
                                                    <li class="box-item clearfix" v-for="item in FollowCompetitionList">
                                                        <div class="fl event4-1-detail-box">
                                                            <span v-if="item.CHECK_STATE=='0'" class="layui-badge layui-bg-orange check-state">待审核</span>
                                                            <span v-if="item.CHECK_STATE=='2'" class="layui-badge check-state">未通过</span>
                                                            <span v-if="item.CHECK_STATE=='1'" class="layui-badge layui-bg-green check-state">已通过</span>
                                                            <h3 class="tit">
                                                                <a target="_blank" :href="'../competition/competition_detail.html?id='+item.COMPETITION_ID"  :title="item.COMPETITION_TITLE" class="link">{{item.COMPETITION_TITLE}}</a>
                                                            </h3>
                                                            <p class="event4-1-plan"><span class="item-tit">主办方</span>{{item.ORGANISER_NAME}}</p>
                                                            <p class="event4-1-plan"><span class="item-tit">报名时间</span>{{item.SIGN_START_TIME}} ～ {{item.SIGN_END_TIME}}</p>
                                                            <p class="event4-1-plan"><span class="item-tit">比赛时间</span>
                                                                {{item.COMP_START_TIME}} ～ {{item.COMP_END_TIME}} </p>

                                                            <span v-if="item.CHECK_STATE==2" class="layui-badge layui-bg-red">{{item.REFUSE_NOTE}}</span>
                                                        </div>
                                                        <div class="box-item-img fr">
                                                            <img :src="NGINX_SERVER+item.IMG_URL">
                                                        </div>
                                                    </li>
                                                    <!--分页-->
                                                    <el-pagination :current-page="pageNum" :total="total" :page-size="pageSize" :page-sizes="[10, 5, 20]"
                                                                   style="padding: 30px 0; text-align: center" layout="sizes, prev, pager, next, jumper, ->, total"
                                                                   @current-change="changeCurrentPage1" @size-change="changePageSize1" />

                                                </div>
                                                </div>
                                            <div class="layui-tab-item">
                                                <div v-if="CompetitionList.length==0">
                                                    <div class="empty-box"><i class="layui-icon layui-icon-list" style="font-size: 100px;color:#c9c9c9;"></i>
                                                        <p style="font-size: 20px;color:#c9c9c9;">这个人太低调了，还没有发布任何竞赛~</p>
                                                    </div>
                                                </div>
                                                <div v-else class="layui-row competition-list-box">
                                                    <li class="box-item clearfix" v-for="item in CompetitionList" v-if="!(!isMine&&item.CHECK_STATE!='1')">
                                                        <div class="fl event4-1-detail-box">
                                                            <span v-if="item.CHECK_STATE=='0'" class="layui-badge layui-bg-orange check-state">待审核</span>
                                                            <span v-if="item.CHECK_STATE=='2'" class="layui-badge check-state">未通过</span>
                                                            <span v-if="item.CHECK_STATE=='1'" class="layui-badge layui-bg-green check-state">已通过</span>

                                                            <h3 class="tit">
                                                                <a target="_blank" :href="'../competition/competition_detail.html?id='+item.COMPETITION_ID"  :title="item.COMPETITION_TITLE" class="link">{{item.COMPETITION_TITLE}}</a>
                                                            </h3>
                                                            <p class="event4-1-plan"><span class="item-tit">主办方</span>{{item.ORGANISER_NAME}}</p>
                                                            <p class="event4-1-plan"><span class="item-tit">报名时间</span>{{item.SIGN_START_TIME}} ～ {{item.SIGN_END_TIME}}</p>
                                                            <p class="event4-1-plan"><span class="item-tit">比赛时间</span>
                                                                {{item.COMP_START_TIME}} ～ {{item.COMP_END_TIME}} </p>
                                                            <blockquote class="layui-elem-quote" style="padding: 10px;border-left: 5px solid red;" v-if="item.CHECK_STATE=='2'">{{item.REFUSE_NOTE}}</blockquote>
                                                        </div>
                                                        <div class="box-item-img fr">
                                                            <img :src="NGINX_SERVER+item.IMG_URL">
                                                        </div>
                                                        <div class="layui-form-item fr" style="padding-top:15px;margin-right:50px;" v-if="isMine">
                                                            <a target="_blank" :href="'../competition/publish_notice.html?id='+item.COMPETITION_ID" class="layui-btn layui-bg-blue">发布公告</a>
                                                            <a target="_blank" :href="'../competition/publish_competition.html?id='+item.COMPETITION_ID" class="layui-btn layui-bg-orange">编辑</a>
                                                            <button @click="deleteCompetition(item.COMPETITION_ID)" class="layui-btn layui-bg-red">删除</button>
                                                        </div>

                                                    </li>
                                                    <!--分页-->
                                                    <el-pagination :current-page="pageNum" :total="total" :page-size="pageSize" :page-sizes="[10, 5, 20]"
                                                                   style="padding: 30px 0; text-align: center" layout="sizes, prev, pager, next, jumper, ->, total"
                                                                   @current-change="changeCurrentPage2" @size-change="changePageSize2" />

                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-tab-item ">
                                    <div class="layui-tab layui-tab-brief" lay-filter="activity">
                                        <ul class="layui-tab-title">
                                            <li class="layui-this"><template v-if="isMine">我关注</template><template v-else>Ta关注</template>的活动</li>
                                            <li><template v-if="isMine">我发布</template><template v-else>Ta发布</template>的活动</li>
                                        </ul>
                                        <div class="layui-tab-content">
                                            <div class="layui-tab-item layui-show">
                                                <div v-if="FollowActivityList.length==0">
                                                    <div class="empty-box"><i class="layui-icon layui-icon-list" style="font-size: 100px;color:#c9c9c9;"></i>
                                                        <p style="font-size: 20px;color:#c9c9c9;">这个人太低调了，还没有关注任何活动~</p>
                                                    </div>
                                                </div>
                                                <div v-else class="active-list-box">
                                                    <li class="item js_item clearfix" v-for="item in FollowActivityList">
                                                        <a target="_blank" :href="'../activity/activity_detail.html?id='+item.ACTIVITY_ID"  :title="item.ACT_TITLE" class="active-img-box fl">
                                                            <img :src="NGINX_SERVER+item.IMG_URL" alt="">
                                                        </a>
                                                        <div class="acitve-detail-box fr">
                                                            <h3 class="tit">
                                                                <a target="_blank" :href="'../activity/activity_detail.html?id='+item.ACTIVITY_ID"  :title="item.ACT_TITLE" class="link">{{item.ACT_TITLE}} </a>
                                                            </h3>
                                                            <p class="active-time active-plan"><i class="m-r-5 layui-icon layui-icon-user"></i>举办方：{{item.ACT_SPONSOR}}</p>
                                                            <p class="active-time active-plan"><i class="m-r-5 layui-icon layui-icon-time"></i>活动时间：{{item.ACT_START_TIME}} ～ {{item.ACT_END_TIME}}</p>
                                                            <p v-if="item.ACT_LOCATION_TYPE=='online'" class="active-site active-plan"><i class="m-r-5 layui-icon layui-icon-location"></i>{{item.ACT_ONLINE_NAME}}：{{item.ACT_ONLINE_VALUE}}</p>
                                                            <p v-if="item.ACT_LOCATION_TYPE=='offline'" class="active-site active-plan"><i class="m-r-5 layui-icon layui-icon-location"></i>地点：{{item.ACT_LOCATION1}}-{{item.ACT_LOCATION}}-{{item.ACT_LOCATION_DETAIL}}</p>
                                                            <div class="active-data-box">
                                                                <span class="active-data-con"><i class="m-r-2 layui-icon layui-icon-read"></i>浏览<em>{{item.VIEWS}}</em></span>
                                                                <span class="active-data-con"><i class="m-r-2 layui-icon layui-icon-rate"></i>关注<em>{{item.FOLLOWS}}</em></span>
                                                                <span class="active-data-con"><i class="m-r-2 layui-icon layui-icon-dialogue"></i>评论<em>{{item.COMMENTS}}</em></span>
                                                            </div>
                                                            <!-- 关注的活动 -->
                                                            <div class="active-btn-box">
                                                                <a target="_blank" :href="'../activity/activity_detail.html?id='+item.ACTIVITY_ID" class="layui-btn layui-bg-blue">活动详情</a>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <!--分页-->
                                                    <el-pagination :current-page="pageNum" :total="total" :page-size="pageSize" :page-sizes="[10, 5, 20]"
                                                                   style="padding: 30px 0; text-align: center" layout="sizes, prev, pager, next, jumper, ->, total"
                                                                   @current-change="changeCurrentPage3" @size-change="changePageSize3" />

                                                </div>
                                            </div>
                                            <div class="layui-tab-item">
                                                <div v-if="ActivityList.length==0">
                                                    <div class="empty-box"><i class="layui-icon layui-icon-list" style="font-size: 100px;color:#c9c9c9;"></i>
                                                        <p style="font-size: 20px;color:#c9c9c9;">这个人太低调了，还没有发布任何活动~</p>
                                                    </div>
                                                </div>
                                                <div v-else class="active-list-box">
                                                    <li class="item js_item clearfix" v-for="item in ActivityList" v-if="!(!isMine&&item.CHECK_STATE!='1')">
                                                        <a target="_blank" :href="'../activity/activity_detail.html?id='+item.ACTIVITY_ID"  :title="item.ACT_TITLE" class="active-img-box fl">
                                                            <img :src="NGINX_SERVER+item.IMG_URL" alt="">
                                                        </a>
                                                        <div class="acitve-detail-box fr">
                                                            <h3 class="tit">
                                                                <span v-if="item.CHECK_STATE=='0'" class="layui-badge layui-bg-orange check-state">待审核</span>
                                                                <span v-if="item.CHECK_STATE=='2'" class="layui-badge check-state">未通过</span>
                                                                <span v-if="item.CHECK_STATE=='1'" class="layui-badge layui-bg-green check-state">已通过</span>

                                                                <a target="_blank" :href="'../activity/activity_detail.html?id='+item.ACTIVITY_ID"  :title="item.ACT_TITLE" class="link" style="margin-left: 60px;width:600px">{{item.ACT_TITLE}} </a>
                                                            </h3>
                                                            <p class="active-time active-plan"><i class="m-r-5 layui-icon layui-icon-user"></i>举办方：{{item.ACT_SPONSOR}}</p>
                                                            <p class="active-time active-plan"><i class="m-r-5 layui-icon layui-icon-time"></i>活动时间：{{item.ACT_START_TIME}} ～ {{item.ACT_END_TIME}}</p>
                                                            <p v-if="item.ACT_LOCATION_TYPE=='online'" class="active-site active-plan"><i class="m-r-5 layui-icon layui-icon-location"></i>{{item.ACT_ONLINE_NAME}}：{{item.ACT_ONLINE_VALUE}}</p>
                                                            <p v-if="item.ACT_LOCATION_TYPE=='offline'" class="active-site active-plan"><i class="m-r-5 layui-icon layui-icon-location"></i>地点：{{item.ACT_LOCATION1}}-{{item.ACT_LOCATION}}-{{item.ACT_LOCATION_DETAIL}}</p>
                                                            <div class="active-data-box">
                                                                <span class="active-data-con"><i class="m-r-2 layui-icon layui-icon-read"></i>浏览<em>{{item.VIEWS}}</em></span>
                                                                <span class="active-data-con"><i class="m-r-2 layui-icon layui-icon-rate"></i>关注<em>{{item.FOLLOWS}}</em></span>
                                                                <span class="active-data-con"><i class="m-r-2 layui-icon layui-icon-dialogue"></i>评论<em>{{item.COMMENTS}}</em></span>
                                                            </div>

                                                            <!-- 关注的活动 -->
                                                            <div class="active-btn-box">
                                                                <a target="_blank" :href="'../activity/activity_detail.html?id='+item.ACTIVITY_ID"  class="layui-btn layui-bg-blue">活动详情</a>
                                                                <a target="_blank" v-if="isMine" :href="'../activity/publish_activity.html?id='+item.ACTIVITY_ID"  class="layui-btn layui-bg-orange">编辑</a>
                                                                <button v-if="isMine"  @click="deleteActivity(item.ACTIVITY_ID)" class="layui-btn layui-bg-red">删除</button>
                                                            </div>

                                                        </div>

                                                    </li>
                                                    <!--分页-->
                                                    <el-pagination :current-page="pageNum" :total="total" :page-size="pageSize" :page-sizes="[10, 5, 20]"
                                                                   style="padding: 30px 0; text-align: center" layout="sizes, prev, pager, next, jumper, ->, total"
                                                                   @current-change="changeCurrentPage4" @size-change="changePageSize4" />

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-tab-item ">
                                    <div class="layui-tab layui-tab-brief" lay-filter="forum">
                                        <ul class="layui-tab-title">
                                            <li class="layui-this"><template v-if="isMine">我关注</template><template v-else>Ta关注</template>的论坛</li>
                                            <li><template v-if="isMine">我发布</template><template v-else>Ta发布</template>的论坛</li>
                                        </ul>
                                        <div class="layui-tab-content">
                                            <div class="layui-tab-item layui-show">
                                                <div v-if="FollowForumList.length==0">
                                                    <div class="empty-box"><i class="layui-icon layui-icon-list" style="font-size: 100px;color:#c9c9c9;"></i>
                                                        <p style="font-size: 20px;color:#c9c9c9;">这个人太低调了，还没有关注任何论坛~</p>
                                                    </div>
                                                </div>
                                                <div v-else class="acticle-list-box">
                                                    <li class="item js_item clearfix" v-for="item in FollowForumList">
                                                        <div class="count-box-wrap fl">
                                                            <div class="count-box sk-fans-read" style="    border: 1px solid #d6e9c6">
                                                                <p class="uniform data" style="background: #dff0d8;color: #3c763d;">{{item.COMMENTS}}</p>
                                                                <p class="uniform read" style="color: #3c763d;">观点</p>
                                                            </div>
                                                            <div class="count-box sk-fans-praise">
                                                                <p class="uniform data">{{item.FOLLOWS}}</p>
                                                                <p class="uniform praise">关注</p>
                                                            </div>
                                                        </div>
                                                        <div class="show-acti-tags-box fr clearfix">
                                                            <div class="show-acti-tags-content clearfix">
                                                                <h3 class="arti-tit"><a target="_blank" :href="'../ask/ask_detail.html?id='+item.FORUM_ID"  class="arti-tit-link" :title="item.FORUM_TITLE">{{item.FORUM_TITLE}}</a>
                                                                </h3>
                                                                <p class="arti-author">
                                                                    <a target="_blank" :href="'my_home.html?id='+item.USER_ID" class="link-auther-homepage" :title="item.NAME"><img :src="NGINX_SERVER+item.AVATAR" :alt="item.NAME">{{item.NAME}}</a>
                                                                    <span class="po-pa" v-if="item.SCHOOL">·</span><span class="post-school" :title="item.SCHOOL">{{item.SCHOOL}}</span><span class="po-pa">·</span><span class="post-time">{{item.CREATE_TIME}}</span>
                                                                </p>
                                                                <p class="para">{{item.FORUM_CONTENT}}</p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <!--分页-->
                                                    <el-pagination :current-page="pageNum" :total="total" :page-size="pageSize" :page-sizes="[10, 5, 20]"
                                                                   style="padding: 30px 0; text-align: center" layout="sizes, prev, pager, next, jumper, ->, total"
                                                                   @current-change="changeCurrentPage5" @size-change="changePageSize5" />

                                                </div>
                                            </div>
                                            <div class="layui-tab-item">
                                                <div v-if="ForumList.length==0">
                                                    <div class="empty-box"><i class="layui-icon layui-icon-list" style="font-size: 100px;color:#c9c9c9;"></i>
                                                        <p style="font-size: 20px;color:#c9c9c9;">这个人太低调了，还没有发布任何论坛~</p>
                                                    </div>
                                                </div>
                                                <div v-else class="acticle-list-box">
                                                    <li class="item js_item clearfix" v-for="item in ForumList" style="position:relative;">
                                                        <div class="count-box-wrap fl">
                                                            <div class="count-box sk-fans-read" style="    border: 1px solid #d6e9c6">
                                                                <p class="uniform data" style="background: #dff0d8;color: #3c763d;">{{item.COMMENTS}}</p>
                                                                <p class="uniform read" style="color: #3c763d;">观点</p>
                                                            </div>
                                                            <div class="count-box sk-fans-praise">
                                                                <p class="uniform data">{{item.FOLLOWS}}</p>
                                                                <p class="uniform praise">关注</p>
                                                            </div>
                                                        </div>
                                                        <div class="show-acti-tags-box fr clearfix">
                                                            <div class="show-acti-tags-content clearfix">
                                                                <h3 class="arti-tit"><a target="_blank" :href="'../ask/ask_detail.html?id='+item.FORUM_ID"  class="arti-tit-link" :title="item.FORUM_TITLE">{{item.FORUM_TITLE}}</a>
                                                                </h3>
                                                                <p class="arti-author">
                                                                    <a target="_blank" :href="'my_home.html?id='+item.USER_ID" class="link-auther-homepage" :title="item.NAME"><img :src="NGINX_SERVER+item.AVATAR" :alt="item.NAME">{{item.NAME}}</a>
                                                                    <span class="po-pa" v-if="item.SCHOOL">·</span><span class="post-school" :title="item.SCHOOL">{{item.SCHOOL}}</span><span class="po-pa">·</span><span class="post-time">{{item.CREATE_TIME}}</span>
                                                                </p>
                                                                <p class="para">{{item.FORUM_CONTENT}}</p>
                                                                <button v-if="isMine" class="layui-btn layui-bg-red" @click="deleteForum(item.FORUM_ID)" style="position: absolute;right: 15px;top: 15px;">删除</button>
                                                            </div>

                                                        </div>
                                                    </li>
                                                    <!--分页-->
                                                    <el-pagination :current-page="pageNum" :total="total" :page-size="pageSize" :page-sizes="[10, 5, 20]"
                                                                   style="padding: 30px 0; text-align: center" layout="sizes, prev, pager, next, jumper, ->, total"
                                                                   @current-change="changeCurrentPage6" @size-change="changePageSize6" />

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-tab-item">
                                    <div class="layui-tab layui-tab-brief" lay-filter="article">
                                        <ul class="layui-tab-title">
                                            <li class="layui-this"><template v-if="isMine">我关注</template><template v-else>Ta关注</template>的文章</li>
                                            <li><template v-if="isMine">我发布</template><template v-else>Ta发布</template>的文章</li>
                                        </ul>
                                        <div class="layui-tab-content">
                                            <div class="layui-tab-item layui-show">
                                                <div v-if="FollowArticleList.length==0">
                                                    <div class="empty-box"><i class="layui-icon layui-icon-list" style="font-size: 100px;color:#c9c9c9;"></i>
                                                        <p style="font-size: 20px;color:#c9c9c9;">这个人太低调了，还没有关注任何文章~</p>
                                                    </div>
                                                </div>
                                                <div v-else class="acticle-list-box">
                                                    <li class="item js_item clearfix" v-for="item in FollowArticleList">
                                                        <div class="count-box-wrap fl">
                                                            <div class="count-box sk-fans-read" style="    border: 1px solid #ffe3d0;">
                                                                <p class="uniform data" style="background: #ffebdd;color: #ff8838;">{{item.PRAISES}}</p>
                                                                <p class="uniform read" style="color: #ff8838;">点赞</p>
                                                            </div>
                                                            <div class="count-box sk-fans-praise">
                                                                <p class="uniform data">{{item.FOLLOWS}}</p>
                                                                <p class="uniform praise">收藏</p>
                                                            </div>
                                                        </div>
                                                        <div class="show-acti-tags-box fr clearfix">
                                                            <div class="show-acti-tags-content clearfix">
                                                                <h3 class="arti-tit"><a target="_blank" :href="'../article/article_detail.html?id='+item.ARTICLEMANAGEMENT_ID"  class="arti-tit-link" :title="item.ARTICLE_TITLE">{{item.ARTICLE_TITLE}}</a>
                                                                </h3>
                                                                <p class="arti-author">
                                                                    <a target="_blank" :href="'my_home.html?id='+item.USER_ID" class="link-auther-homepage" :title="item.NAME"><img :src="NGINX_SERVER+item.AVATAR" :alt="item.NAME">{{item.NAME}}</a>
                                                                    <span class="po-pa" v-if="item.SCHOOL">·</span><span class="post-school" :title="item.SCHOOL">{{item.SCHOOL}}</span><span class="po-pa">·</span><span class="post-time">{{item.CREATE_TIME}}</span>
                                                                </p>
                                                                <p class="para">{{item.ARTICLE_CONTENT}}</p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <!--分页-->
                                                    <el-pagination :current-page="pageNum" :total="total" :page-size="pageSize" :page-sizes="[10, 5, 20]"
                                                                   style="padding: 30px 0; text-align: center" layout="sizes, prev, pager, next, jumper, ->, total"
                                                                   @current-change="changeCurrentPage7" @size-change="changePageSize7" />

                                                </div>
                                            </div>
                                            <div class="layui-tab-item">
                                                <div v-if="ArticleList.length==0">
                                                    <div class="empty-box"><i class="layui-icon layui-icon-list" style="font-size: 100px;color:#c9c9c9;"></i>
                                                        <p style="font-size: 20px;color:#c9c9c9;">这个人太低调了，还没有发布任何文章~</p>
                                                    </div>
                                                </div>
                                                <div v-else class="acticle-list-box">
                                                    <li class="item js_item clearfix" v-for="item in ArticleList" v-if="!(!isMine&&item.CHECK_STATE!='1')" style="position:relative">
                                                        <div class="count-box-wrap fl">
                                                            <div class="count-box sk-fans-read" style="    border: 1px solid #ffe3d0;">
                                                                <p class="uniform data" style="background: #ffebdd;color: #ff8838;">{{item.PRAISES}}</p>
                                                                <p class="uniform read" style="color: #ff8838;">点赞</p>
                                                            </div>
                                                            <div class="count-box sk-fans-praise">
                                                                <p class="uniform data">{{item.FOLLOWS}}</p>
                                                                <p class="uniform praise">收藏</p>
                                                            </div>
                                                        </div>
                                                        <div class="show-acti-tags-box fr clearfix">
                                                            <div class="show-acti-tags-content clearfix">
                                                                <h3 class="arti-tit"><a target="_blank" :href="'../article/article_detail.html?id='+item.ARTICLEMANAGEMENT_ID"  class="arti-tit-link" :title="item.ARTICLE_TITLE">{{item.ARTICLE_TITLE}}</a>
                                                                </h3>
                                                                <p class="arti-author">
                                                                    <a target="_blank" :href="'my_home.html?id='+item.USER_ID" class="link-auther-homepage" :title="item.NAME"><img :src="NGINX_SERVER+item.AVATAR" :alt="item.NAME">{{item.NAME}}</a>
                                                                    <span class="po-pa" v-if="item.SCHOOL">·</span><span class="post-school" :title="item.SCHOOL">{{item.SCHOOL}}</span><span class="po-pa">·</span><span class="post-time">{{item.CREATE_TIME}}</span>
                                                                </p>
                                                                <p class="para">{{item.ARTICLE_CONTENT}}</p>
                                                                <button v-if="isMine" class="layui-btn layui-bg-orange" @click="editArticle(item.ARTICLEMANAGEMENT_ID)" style="position: absolute;right: 95px;top: 15px;">编辑</button>
                                                                <button v-if="isMine" class="layui-btn layui-bg-red" @click="deleteArticle(item.ARTICLEMANAGEMENT_ID)" style="position: absolute;right: 15px;top: 15px;">删除</button>
                                                            </div>
                                                            <span v-if="item.CHECK_STATE=='0'" class="layui-badge layui-bg-orange" style="position: absolute;bottom: 18px">待审核</span>
                                                            <span v-if="item.CHECK_STATE=='2'" class="layui-badge " style="position: absolute;bottom: 18px">未通过</span>
                                                            <span v-if="item.CHECK_STATE=='1'" class="layui-badge layui-bg-green" style="position: absolute;bottom: 18px">已通过</span>

                                                        </div>
                                                    </li>
                                                    <!--分页-->
                                                    <el-pagination :current-page="pageNum" :total="total" :page-size="pageSize" :page-sizes="[10, 5, 20]"
                                                                   style="padding: 30px 0; text-align: center" layout="sizes, prev, pager, next, jumper, ->, total"
                                                                   @current-change="changeCurrentPage8" @size-change="changePageSize8" />

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </template>
            <div class="footer-wrap v-4-2">
                <div class="footer other">
                    <div class="common-box footer-box">
                        <div class="to-top-box" id="toUpBox">
                            <!--<a href="javascript:;" target="_blank" class="common-icon-big to-feedback-btn" title="意见反馈"></a>-->
                            </a>
                            <div class="iradio-2 to-msite-btn to-msite-btn-2" title="微信公众号">
            <span class="weixin-box" style="margin-top: -42px;">
              <img src="/static/images/erweima.jpg" alt="微信公众号">
              <span class="weixin-txt">关注赛er订阅号</span>
              <img src="/static/images/kefu.jpg" alt="微信客服">
              <span class="weixin-txt">添加赛er客服</span>
              <span class="arrow arrow-right boxL-cor" style="margin-top: -70px;"></span>
            </span>
                            </div>
                            <a href="javascript:;" class="to-top-btn common-icon-big" id="toUp" title="返回顶部"></a>
                        </div>
                        <div class="fl ft-info-box">
                            <div class="ft-tit" title="关于赛er">关于赛er</div>
                            <ul class="ft-list">
                                <li class="item">
                                    <a href="" title="了解赛er" target="_blank" rel="nofollow">了解赛er</a>
                                </li>
                                <li class="item">
                                    <a href="./contact.html" title="服务协议" target="_blank" rel="nofollow">服务协议</a>
                                </li>
                                <li class="item">
                                    <a href="" title="合作伙伴" target="_blank" rel="nofollow">合作伙伴</a>
                                </li>
                                <li class="item">
                                    <a href="" title="加入我们" target="_blank" rel="nofollow">加入我们</a>
                                </li>
                                <li class="item">
                                    <a href="" title="隐私协议" target="_blank" rel="nofollow">隐私协议</a>
                                </li>
                            </ul>
                        </div>
                        <div class="fl ft-info-box">
                            <div class="ft-tit" title="帮助中心">帮助中心</div>
                            <ul class="ft-list">
                                <li class="item">
                                    <a href="" title="常见问题" target="_blank" rel="nofollow">常见问题</a>
                                </li>
                                <li class="item">
                                    <a href="./legal.html" title="社区规范" target="_blank" rel="nofollow">社区规范</a>
                                </li>
                                <li class="item">
                                    <a href="" title="意见反馈" target="_blank" rel="nofollow">意见反馈</a>
                                </li>
                            </ul>
                        </div>
                        <div class="fr ft-info-box" style="width: 200px;">
                            <div class="ft-tit" title="在线客服">联系我们</div>
                            <ul class="ft-list">
                                <li class="item">
                                    赛er<span class="item-dot"></span>客服QQ：<a href="https://wpa.qq.com/msgrd?v=3&uin=412414867&site=qq&menu=yes">412414867</a>
                                </li>
                                <li class="item">
                                    赛er<span class="item-dot"></span>官方QQ群：320513949
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
                <!-- 备案 footer -->
                <div class="ft-btm">
                    <div class="common-box ft-btm-box">
                        <div class="btn-con">
                            <span class="ft-paragraph">©<span id="nowYear"></span>赛er<span class="s-4"></span></span>
                            <span><a href="https://beian.miit.gov.cn/" target="_blank" style="color: #555;">苏ICP备2021019825号</a></span>
                        </div>
                    </div>
                </div>
            </div>

    </div>
    </div>
    <script type="text/javascript">

    var app = new Vue({
        el: '#app',
        //初始数据
        data: {
            user: '',
            userInfo:'',
            userId: '',
            NGINX_SERVER: '',
            HonorList:[],
            CompetitionList: [],
            FollowCompetitionList: [],
            ActivityList: [],
            FollowActivityList: [],
            ForumList:[],
            FollowForumList:[],
            ArticleList:[],
            FollowArticleList:[],
            isMine:false,
            pageNum:1,
            pageSize:10,
            total:"",
            unreadCount:0
        },
        mounted() {
            getUnreadCount(data=>{
                app.unreadCount = data;
            });
            this.NGINX_SERVER = NGINX_SERVER
            this.user={}
            this.userId = getUrlParam('id')
            var user = JSON.parse(sessionStorage.getItem("userInfo"))
            this.user = user;
            if(this.userId==null||this.userId==undefined||this.userId==""){
                this.userId = user.USER_ID
                this.isMine = true;
            }
            this.getUserInfo();
            this.getHonorWall();
            this.getFollowCompetition();
        },
        methods: {
            // 改变页码
            changeCurrentPage1(page) {
                this.pageNum = page
                this.getFollowCompetition();
            },

            // 改变每页记录数
            changePageSize1(size) {
                this.pageSize = size
                this.getFollowCompetition();
            },
            // 改变页码
            changeCurrentPage2(page) {
                this.pageNum = page
                this.getMyCompetition();
            },

            // 改变每页记录数
            changePageSize2(size) {
                this.pageSize = size
                this.getMyCompetition();
            },
            // 改变页码
            changeCurrentPage3(page) {
                this.pageNum = page
                this.getFollowActivity();
            },

            // 改变每页记录数
            changePageSize3(size) {
                this.pageSize = size
                this.getFollowActivity();
            },
            // 改变页码
            changeCurrentPage4(page) {
                this.pageNum = page
                this.getMyActivity();
            },

            // 改变每页记录数
            changePageSize4(size) {
                this.pageSize = size
                this.getMyActivity();
            },
            // 改变页码
            changeCurrentPage5(page) {
                this.pageNum = page
                this.getFollowForum();
            },

            // 改变每页记录数
            changePageSize5(size) {
                this.pageSize = size
                this.getFollowForum();
            },
            // 改变页码
            changeCurrentPage6(page) {
                this.pageNum = page
                this.getMyForum();
            },

            // 改变每页记录数
            changePageSize6(size) {
                this.pageSize = size
                this.getMyForum();
            },
            // 改变页码
            changeCurrentPage7(page) {
                this.pageNum = page
                this.getFollowArticle();
            },

            // 改变每页记录数
            changePageSize7(size) {
                this.pageSize = size
                this.getFollowArticle();
            },
            // 改变页码
            changeCurrentPage8(page) {
                this.pageNum = page
                this.getMyArticle();
            },

            // 改变每页记录数
            changePageSize8(size) {
                this.pageSize = size
                this.getMyArticle();
            },
            deleteCompetition(id){
                swal({
                    title: "您确定要删除该竞赛吗",
                    text: "删除后将无法恢复，请谨慎操作！",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "删除",
                    closeOnConfirm: false
                }, function() {
                    getDataByPost('api/competition/deleteCompetition', {
                        COMPETITION_ID: id
                    }, res => {
                        if (res.code == 200) {
                            swal("删除成功！", "您已经永久删除了这项竞赛。", "success");
                            app.getMyCompetition();
                        } else {
                            toastr.error(res.msg)
                        }
                    })
                })
            },
            deleteActivity(id){
                swal({
                    title: "您确定要删除该活动吗",
                    text: "删除后将无法恢复，请谨慎操作！",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "删除",
                    closeOnConfirm: false
                }, function() {
                    getDataByPost('api/activity/deleteActivity', {
                        ACTIVITY_ID: id
                    }, res => {
                        if (res.code == 200) {
                            swal("删除成功！", "您已经永久删除了这项活动。", "success");
                            app.getMyActivity();
                        } else {
                            toastr.error(res.msg)
                        }
                    })
                })
            },
            deleteForum(id){
                swal({
                    title: "您确定要删除该话题吗",
                    text: "删除后将无法恢复，请谨慎操作！",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "删除",
                    closeOnConfirm: false
                }, function() {
                    getDataByPost('api/forum/deleteForum', {
                        FORUM_ID: id
                    }, res => {
                        if (res.code == 200) {
                            swal("删除成功！", "您已经永久删除了这项话题。", "success");
                            app.getMyForum();
                        } else {
                            toastr.error(res.msg)
                        }
                    })
                })
            },
            editArticle(id){
              window.open("/article/publish_article.html?id="+id);
            },
            deleteArticle(id){
                swal({
                    title: "您确定要删除该文章吗",
                    text: "删除后将无法恢复，请谨慎操作！",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#DD6B55",
                    confirmButtonText: "删除",
                    closeOnConfirm: false
                }, function() {
                    getDataByPost('api/article/deleteArticle', {
                        ARTICLEMANAGEMENT_ID: id
                    }, res => {
                        if (res.code == 200) {
                            swal("删除成功！", "您已经永久删除了这项文章。", "success");
                            app.getMyArticle();
                        } else {
                            toastr.error(res.msg)
                        }
                    })
                })
            },
            getUserInfo() {
                getDataByPost('api/user/getUserInfo', {
                    USER_ID: this.userId
                }, res => {
                    app.userInfo = res.data;
                    app.SEX = res.data.SEX;
                })
            },
            getHonorWall() {
                getDataByPost('api/user/getHonorWall', {
                    USER_ID: this.userId
                }, res => {
                    if (res.code == 200) {
                        app.HonorList = res.data;
                    } else {
                        toastr.error(res.msg)
                    }
                })
            },
            getFollowCompetition() {
                getDataByPost('api/user/getFollowCompetition', {
                    USER_ID: this.userId,
                    pageNum:this.pageNum,
                    pageSize:this.pageSize
                }, res => {
                    if (res.code == 200) {
                        app.FollowCompetitionList = res.data.list;
                        app.total = res.data.total;
                    } else {
                        toastr.error(res.msg)
                    }
                })
            },
            getMyCompetition() {
                getDataByPost('api/user/getMyCompetition', {
                    USER_ID: this.userId,
                    pageNum:this.pageNum,
                    pageSize:this.pageSize
                }, res => {
                    if (res.code == 200) {
                        app.CompetitionList = res.data.list;
                        app.total = res.data.total;
                    } else {
                        toastr.error(res.msg)
                    }
                })
            },
            getFollowActivity() {
                getDataByPost('api/user/getFollowActivity', {
                    USER_ID: this.userId,
                    pageNum:this.pageNum,
                    pageSize:this.pageSize
                }, res => {
                    if (res.code == 200) {
                        app.FollowActivityList = res.data.list;
                        app.total = res.data.total;
                    } else {
                        toastr.error(res.msg)
                    }
                })
            },
            getMyActivity() {
                getDataByPost('api/user/getMyActivity', {
                    USER_ID: this.userId,
                    pageNum:this.pageNum,
                    pageSize:this.pageSize
                }, res => {
                    if (res.code == 200) {
                        app.ActivityList = res.data.list;
                        app.total = res.data.total;
                    } else {
                        toastr.error(res.msg)
                    }
                })
            },
            getFollowForum() {
                getDataByPost('api/user/getFollowForum', {
                    USER_ID: this.userId,
                    pageNum:this.pageNum,
                    pageSize:this.pageSize
                }, res => {
                    if (res.code == 200) {
                        app.FollowForumList = res.data.list;
                        app.total = res.data.total;
                    } else {
                        toastr.error(res.msg)
                    }
                })
            },
            getMyForum() {
                getDataByPost('api/user/getMyForum', {
                    USER_ID: this.userId,
                    pageNum:this.pageNum,
                    pageSize:this.pageSize
                }, res => {
                    if (res.code == 200) {
                        app.ForumList = res.data.list;
                        app.total = res.data.total;
                    } else {
                        toastr.error(res.msg)
                    }
                })
            },
            getFollowArticle() {
                getDataByPost('api/user/getFollowArticle', {
                    USER_ID: this.userId,
                    pageNum:this.pageNum,
                    pageSize:this.pageSize
                }, res => {
                    if (res.code == 200) {
                        app.FollowArticleList = res.data.list;
                        app.total = res.data.total;
                    } else {
                        toastr.error(res.msg)
                    }
                })
            },
            getMyArticle() {
                getDataByPost('api/user/getMyArticle', {
                    USER_ID: this.userId,
                    pageNum:this.pageNum,
                    pageSize:this.pageSize
                }, res => {
                    if (res.code == 200) {
                        app.ArticleList = res.data.list;
                        app.total = res.data.total;
                    } else {
                        toastr.error(res.msg)
                    }
                })
            }
        }
    })

    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function() {
        var element = layui.element;
        element.on('tab(type)', function(data){
            app.pageNum=1;
            if(data.index==0){
                app.getFollowCompetition();
            }else if(data.index==1){
                app.getFollowActivity();
            }else if(data.index==2){
                app.getFollowForum();
            }else if(data.index==3){
                app.getFollowArticle();
            }
        });
        element.on('tab(competition)', function(data){
            app.pageNum=1;
            if(data.index==0){
                app.getFollowCompetition();
            }else{
                app.getMyCompetition();
            }
        });
        element.on('tab(activity)', function(data){
            app.pageNum=1;
            if(data.index==0){
                app.getFollowActivity();
            }else{
                app.getMyActivity();
            }
        });
        element.on('tab(forum)', function(data){
            app.pageNum=1;
            if(data.index==0){
                app.getFollowForum();
            }else{
                app.getMyForum();
            }
        });
        element.on('tab(article)', function(data){
            app.pageNum=1;
            if(data.index==0){
                app.getFollowArticle();
            }else{
                app.getMyArticle();
            }
        });
    });
    </script>
<script>
  toTopFun();
</script>
</body>

</html>